$(function(){
    // 菜单列表下拉菜单
   $(".list_bottom_content li").hover(
       function(){
       $(this).find(".shop_list_xiala").show();
    } ,function(){
        $(this).find(".shop_list_xiala").hide();
   })
//    放大镜
   $(".preview_top").hover(
    function(){
        $(".preview_top .mask").show();
        $(".preview_top .big_img").show();
   },function(){
    $(".preview_top .mask").hide();
    $(".preview_top .big_img").hide();
   }
   )
   $(".preview_top").mousemove(function(e){
        var x = e.pageX-this.offsetLeft;//鼠标在盒子内的X坐标
        var y = e.pageY-this.offsetTop;//鼠标在盒子内的y坐标
        var maskX = x - $(".mask").width()/2;//让鼠标在盒子中间
        var maskY = y - $(".mask").height()/2;//让鼠标在盒子中间
        var maxMask = $(".preview_top").outerWidth()- $(".mask").outerWidth();//遮挡层最大移动距离
        var maxBig =  $(".big_img img").outerWidth()-$(".big_img").outerWidth();//遮挡层最大移动距离
        if(maskX<=0){
            maskX=0;
        }else if(maskX >= maxMask){
            maskX=maxMask;
        }
        if(maskY<=0){
            maskY=0;
        }else if(maskY >= maxMask){
            maskY=maxMask;
        }
        $(".mask").css({"left":maskX,"top":maskY});
        var bigX = -maskX * maxBig / maxMask; 
        var bigY = -maskY * maxBig / maxMask; 
        $(".big_img img").css({"left":bigX,"top":bigY});
   })
//    商品展示图片鼠标经过显示边框
    $(".preview_bottom ul li").mousemove(function(){
        $(this).css("border","2px solid #e53e41");
        $(this).siblings().css("border","2px solid transparent");
    })
    // 商品展示图片轮播
    var i=0;
    $(".preview_bottom .spec_right").click(function(){
        $(".preview_bottom ul").animate({
            left : -425
        })
    })
    $(".preview_bottom .spec_left").click(function(){
        $(".preview_bottom ul").animate({
            left : 0
        })
    })
    // 鼠标经过轮播变换图片
    $(".preview_bottom ul li:eq(0)").mousemove(function(){
        $(".preview_top>img").attr("src","images/2ac11bf0c92f9267.jpg");
        $(".preview_top .big_img img").attr("src","images/1b88de31364459e4.jpg");
    })
    $(".preview_bottom ul li:eq(1)").mousemove(function(){
        $(".preview_top>img").attr("src","images/744ffbccfb5fefe8.jpg");
        $(".preview_top .big_img img").attr("src","images/744ffbccfb5fefe8 (1).jpg");
    })
    $(".preview_bottom ul li:eq(2)").mousemove(function(){
        $(".preview_top>img").attr("src","images/aec32dd6fa519383.jpg");
        $(".preview_top .big_img img").attr("src","images/aec32dd6fa519383 (1).jpg");
    })
    $(".preview_bottom ul li:eq(3)").mousemove(function(){
        $(".preview_top>img").attr("src","images/4b32eae7b2b35dfd.jpg");
        $(".preview_top .big_img img").attr("src","images/4b32eae7b2b35dfd (1).jpg");
    })
    $(".preview_bottom ul li:eq(4)").mousemove(function(){
        $(".preview_top>img").attr("src","images/dbe05eecdca5f69e (1).jpg");
        $(".preview_top .big_img img").attr("src","images/dbe05eecdca5f69e (2).jpg");
    })
    $(".preview_bottom ul li:eq(5)").mousemove(function(){
        $(".preview_top>img").attr("src","images/0953c1f091f52d4c (1).jpg");
        $(".preview_top .big_img img").attr("src","images/0953c1f091f52d4c (2).jpg");
    })
    $(".preview_bottom ul li:eq(6)").mousemove(function(){
        $(".preview_top>img").attr("src","images/e89ace497008f7b5 (1).jpg");
        $(".preview_top .big_img img").attr("src","images/e89ace497008f7b5 (2).jpg");
    })
    $(".preview_bottom ul li:eq(7)").mousemove(function(){
        $(".preview_top>img").attr("src","images/8c84f7b47905d0a9 (1).jpg");
        $(".preview_top .big_img img").attr("src","images/8c84f7b47905d0a9 (2).jpg");
    })
    $(".preview_bottom ul li:eq(8)").mousemove(function(){
        $(".preview_top>img").attr("src","images/fcd4751e2589d76c (1).jpg");
        $(".preview_top .big_img img").attr("src","images/fcd4751e2589d76c (2).jpg");
    })
    $(".preview_bottom ul li:eq(9)").mousemove(function(){
        $(".preview_top>img").attr("src","images/69016b74a6d789c1 (1).jpg");
        $(".preview_top .big_img img").attr("src","images/69016b74a6d789c1 (2).jpg");
    })
//    播放商品视频
    $(".preview_top .preview-btn").click(function(){
        $(".sp_video").show();
        $(".sp_video").attr("autoplay","autoplay");
        $(".sp_video").attr("controls","controls");
        $(".preview_top .close_video").show();
    })
    $(".preview_top .close_video").click(function(){
        $(".sp_video").hide();
        $(".sp_video").attr("muted","muted");
        $(".preview_top .close_video").hide();
    })
// 选择颜色变换边框颜色
    $(".xuan_color_right .right_color").click(function(){
        $(this).css("border","1px solid red").siblings().css("border","1px solid #cccccc");
    })
    // 选择版本内存变换边框颜色
    $(".xuan_banben_right .right_banben").click(function(){
        $(this).css("border","1px solid red").siblings().css("border","1px solid #cccccc");
    })
    // 选择版本套餐变换边框颜色
    $(".phone_tc_right .right_tc").click(function(){
        $(this).css("border","1px solid red").siblings().css("border","1px solid #cccccc");
    })
    // 购买数量加减
    // 加
    $(".add_gouwuche_left .jia").click(function(){
        var n =$(this).siblings("input").val();
        n++;
        $(this).siblings("input").val(n);
    })
    // 减
    $(".add_gouwuche_left .jian").click(function(){
        var n =$(this).siblings("input").val();
        if(n==1){
            $(this).css("cursor","not-allowed");
            return false;
        }else{
            $(this).css("cursor","pointer");
        }
        n--;
        $(this).siblings("input").val(n);

    })
    // 用户输入购买数量
    $(".add_gouwuche_left input").change(function(){
        var n = $(this).val();
        $(this).val(n);
    })
    $("")
    // 商品细节介绍头部tab栏切换
    $(".detail_tab ul li a").click(function(){
        $(this).css({"backgroundColor":"#e4393c","color":"#fff"});
        $(this).parent().siblings().find("a").css({"backgroundColor":"#f7f7f7","color":"#666"});
    })
    $(".detail_tab ul li").eq(0).click(function(){
        $(".detail_tab_con").show();
        $(".detail_tab_packaging").show();
        $(".tab_after_sales").show();
        $(".tab_evaluation").show();
    })
    $(".detail_tab ul li").eq(1).click(function(){
        $(".detail_tab_con").hide();
        $(".detail_tab_packaging").show();
    })
    $(".detail_tab ul li").eq(2).click(function(){
        $(".detail_tab_con").hide();
        $(".detail_tab_packaging").hide();
        $(".tab_after_sales").show();
    })
    $(".detail_tab ul li").eq(3).click(function(){
        $(".detail_tab_con").hide();
        $(".detail_tab_packaging").hide();
        $(".tab_after_sales").hide();
        $(".tab_evaluation").show();
    })
    $(".detail_tab ul li").eq(4).click(function(){
        $(".detail_tab_con").hide();
        $(".detail_tab_packaging").hide();
        $(".tab_after_sales").hide();
        $(".tab_evaluation").hide();
        $(".tab_community").show();
    })
    
    // 调整手机社区回答左边距
    $(".wenda:eq(0) .daBottom:first").siblings(".daBottom").find(".da_con").css({"marginLeft":"28px","marginTop":"10px"});
    $(".wenda:gt(0) .daBottom:first").siblings(".daBottom").find(".da_con").css({"marginLeft":"28px","marginTop":"10px"});
    $(".wenda:eq(0) .daBottom:first").siblings(".daBottom").hide();
    $(".wenda:gt(0) .daBottom:first").siblings(".daBottom").hide();
    // 继续查看回答
    $(".more_wenda").click(function(){
        $(this).siblings(".daBottom:gt(0)").show();
        $(this).find("em").text("收起回答");
    })
    // $(".more_wenda").toggle(function(){
    //     $(this).siblings(".daBottom:gt(0)").show();
    //     $(this).find("em").text("收起回答");
    // },function(){
    //     $(this).siblings(".daBottom:gt(0)").hide();
    //     $(this).find("em").text("继续查看更多");
    // })

    // 打开提问模块
    $(".tiwen_btn").click(function(){
        $(".tiwen_big_box").show();
    })

    // 关闭提问模块
    $(".close_box").click(function(){
        $(".tiwen_big_box").hide();
    })

    $(".quxiao").click(function(){
        $(".tiwen_big_box").hide();
    })

    // 获取当前时间
    function getTime() {
        var date = new Date();
			
			var year = date.getFullYear();        //年 ,从 Date 对象以四位数字返回年份
			var month = date.getMonth() + 1;      //月 ,从 Date 对象返回月份 (0 ~ 11) ,date.getMonth()比实际月份少 1 个月
			var day = date.getDate();             //日 ,从 Date 对象返回一个月中的某一天 (1 ~ 31)
			
			var hours = date.getHours();          //小时 ,返回 Date 对象的小时 (0 ~ 23)
			var minutes = date.getMinutes();      //分钟 ,返回 Date 对象的分钟 (0 ~ 59)
			
			//修改月份格式
			if (month >= 1 && month <= 9) {
		        month = "0" + month;
		        }
			
			//修改日期格式
			if (day >= 0 && day <= 9) {
		        day = "0" + day;
		        }
			
			//修改小时格式
			if (hours >= 0 && hours <= 9) {
		        hours = "0" + hours;
		        }
			
			//修改分钟格式
			if (minutes >= 0 && minutes <= 9) {
		        minutes = "0" + minutes;
		        }

			//获取当前系统时间  格式(yyyy-mm-dd hh:mm)
			var time = year + "-" + month + "-" + day + " " + hours + ":" + minutes ;
            return time;
    }
    // 发布问题
    $(".fabu").click(function(){
       var newWenDa = $(".tab_community .wenda:eq(0)").clone(true);
       var newfenge = $(".tab_community .fenge:eq(0)").clone(true);
       $(newWenDa).append(newfenge);
       $(newWenDa).find(".wen_con").text($(this).siblings("textarea").val());
       $(newWenDa).find(".wen_time").text(getTime());
       $(newWenDa).find(".daBottom:eq(0) .da_title").css("backgroundColor","#bababa");
       $(newWenDa).find(".daBottom:eq(0) .da_con").text("暂无回答").css("color","#bababa");
       $(newWenDa).find(".daBottom:eq(0) .da_time").hide();
       $(newWenDa).find(".daBottom:eq(0) .da_uName").hide();
       $(newWenDa).find(".more_wenda").hide();
       $(".tab_community .wenda:eq(0)").prepend(newWenDa);
       $(".tiwen_big_box").hide();
    })
})